<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>游戏王 - 卡片测试程序</title>
  <link rel="shortcut icon" href="favicon.ico">
  <link rel="stylesheet" href="dist/css/global.css">
</head>
<body>

  <div id="root"></div>

  <script id="card-template" type="text/x-handlebars-template">
    <div class="card positive">
      <div class="body" style="background-position: {{typePosition}}">
        <header>
          <h1>{{title}} <i class="attribute" style="background-position: {{attrPosition}};"></i></h1>
          <h2>{{{subtitle}}}</h2>
        </header>
        <img class="photo" src="/images/card-context/{{passcode}}.jpg" />
        <div class="descriptions">
          {{{descriptions}}}
        </div>
        <footer>
          <span class="passcode">{{passcode}}</span>
        </footer>
      </div>
      <div class="back"></div>
      <img class="image" src="/images/card-foreground/{{passcode}}.png" />
    </div>
    <!-- /.card -->
  </script>
  <script src="node_modules/jquery/dist/jquery.min.js" charset="utf-8"></script>
  <script src="node_modules/handlebars/dist/handlebars.min.js" charset="utf-8"></script>
  <script src="src/main.js" charset="utf-8"></script>

</body>
</html>
